<template>
  <div>
    <van-dropdown-menu>
      <van-dropdown-item ref="item" disabled @click="handleClick">
        <div slot="title">全司<span style="color:#656c9d;">/所有机构</span></div>
      </van-dropdown-item>
      <img src="@/assets/images/select_icon.png" class="search" />
    </van-dropdown-menu>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      this.$toast('功能建设中')
    }
  }
}
</script>

<style lang="scss" scoped>
/deep/.van-dropdown-menu {
  position: relative;
  .van-dropdown-menu__bar {
    width: 160px;
    height: 30px;
    background: $main-blue;
    border-radius: 8px;
    .van-dropdown-menu__item {
      flex: none;
      .van-dropdown-menu__title {
        font-size: 14px;
        width: 140px;
        color: #fff;
        &::after {
          display: none;
        }
      }
    }
  }
  .search {
    position: absolute;
    top: 8px;
    left: 130px;
    width: 13px;
    height: 13px;
    z-index: 1;
  }
}
</style>
